<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文本标签</title>
</head>
<body>
<!--1.文本标签-->
<!--双标签-->
普通文字
<b> 加粗文字 </b><br>
<i> 斜体文字 </i><br>
<u> 下划线文字 </u><br>
<s> 删除线文字 </s><br>
<!--
    转义字符:
        空格符: &nbsp;
        小于号: &lt; - less than
        大于号: &gt; - Greater Than
-->
<mark> &lt;高&nbsp;亮&nbsp;标&nbsp;记&nbsp;文&nbsp;字&gt;(默认黄色 变色需要使用CSS) </mark>
<!--2.单标签-->
<!--换行标签-->
<br>
<!--分割线标签-->
<hr>
<!--3.标题标签-->
<!--独占一行 自动换行 自动行间距-->
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
没有七级标签 只有1到6级
<hr>
<!--4.段落标签-->
<!--独占一行 自动换行 自动行间距-->
<p>吃葡萄不吐葡萄皮</p>
<p>吃葡萄只吐葡萄皮</p>
<p>吃葡萄狂吐葡萄皮</p>
<!--=lorem:生成假文用于测试段落效果,按tab自动补齐即可-->
<p>=Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum cupiditate delectus eos et, facere harum illo in ipsa libero optio possimus quos ratione repellendus, rerum sit ut vel velit voluptatum!</p>
<hr>
<!--5.表格标签-->
<!--5.1<ol>:有序列表OrderList-->
<!--
    1.li为列表标签的子标签 有ol/ul必须有li
    2.有序列表的默认li提示词为1.2.3.
      可以通过ol中的属性type=""进行更改
-->
<ol type="a">
    <li>把冰箱门打开</li>
    <li>把大象装进去</li>
    <li>把冰箱门关上</li>
</ol>
<!--5.2<ul>:无序列表UnorderList-->
<!--
    无序列表的type="none"属性能够将li的小圆点提示符去掉
-->
<ul type="none">
    <li>Java核心编程</li>
    <li>从入门到精通</li>
    <li>键盘敲烂,月薪过万</li>
</ul>
<!--列表嵌套-->
<ul>
    <li>凉菜
        <ol>
            <li>拍黄瓜</li>
            <li>皮蛋豆腐</li>
            <li>凉拌三丝</li>
        </ol>
    </li>
    <li>热菜
        <ol>
            <li>西红柿牛腩</li>
            <li>水煮肉片</li>
            <li>宫保鸡丁</li>
            <li>溜肉段</li>
        </ol>
    </li>
    <li>主食
        <ol>
            <li>米饭</li>
            <li>面条</li>
        </ol>
    </li>
</ul>
<hr>
<!--练习-->
<h1>个人简历</h1>
<hr>
<h2>基本信息</h2>
<p> 姓名:<b>传奇哥</b></p>
<p> 性别:男</p>
<p> 爱好: <s>摄影</s></p>
<h2>个人经历</h2>
<ul>
    <li>&lt;小学9年&gt;</li>
    <li>&lt;中学9年&gt;</li>
    <li>&lt;高中12年&gt;</li>
</ul>
<h2>获得荣誉</h2>
<ol>
    <li>机甲收集达人</li>
    <li>玩偶收集达人</li>
</ol>
</body>
</html>